const path = require('path');
module.exports = {
  entry: './src/main.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, './build')
  },
  module: {
    rules: [
      {
        test: /\.(css|less)$/,
        use: [
          { loader: 'style-loader' },
          { loader: 'css-loader' },
          { loader: 'postcss-loader' },
          { loader: 'less-loader' }
        ]
      },
      //   {
      //     test: /\.(png|jpe?g|svg|gif)$/,
      //     use: ['file-loader']
      //   }
      //   {
      //     test: /\.(png|jpe?g|svg|gif)$/,
      //     type: 'asset'
      //   },
      {
        test: /\.(png|jpe?g|svg|gif)$/,
        // 发送一个单独的文件并导出 URL。之前通过使用 file-loader 实现
        // type: 'asset/resource'

        //导出一个资源的 data URI。之前通过使用 url-loader 实现。
        // type:"asset/inline"

        // type:"asset/source"

        type: 'asset',
        parser: {
          dataUrlCondition: {
            maxSize: 323 * 1024
          }
        },
        generator: {
          filename: 'images/[name]_[hash:7][ext]'
        }
      }
    ]
  }
};
